<script setup>
import TitleValue from '@components/TitleValue'
defineProps({
    data: Object
})
let priceFn = (data) => {
    let text = ''
    data.forEach((item,i) => {
        text+= `${item}/${i+1}期 `
    });
    return text;
}
</script>
    
<template>
    <el-row :gutter="16">
        <!-- <el-col :span="7">
            <title-value title="支付单价:" :value="data.priceByDay" />
        </el-col> -->
        <el-col :span="7">
            <title-value title="分期期数:" :value="data.splitNum" />
        </el-col>
        <el-col :span="7">
            <title-value title="总租金:" :value="data.price" />
        </el-col>
        <el-col :span="7">
            <title-value title="每期租金:" :value="priceFn(data.priceOfSplit)" />
        </el-col>
        <el-col :span="7">
            <title-value title="押金:" :value="data.deposit" />
        </el-col>
        <el-col :span="7">
            <title-value title="免押额度:" :value="data.freeDeposit" />
        </el-col>
        <el-col :span="7">
            <title-value title="市场价:" :value="data.marketPrice" />
        </el-col>
        <el-col :span="7">
            <title-value title="意外保障金:" :value="data.protect" />
        </el-col>
    </el-row>
</template>
        